<template>
	<h3 class="text-center">学号姓名</h3>

	<!-- <nav class="mui-bar mui-bar-tab">
			<router-link to="/home" class="mui-tab-item " >
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</router-link>
			<router-link to="/shopcart" class="mui-tab-item" >
				<span class="mui-icon mui-icon-email"><span class="mui-badge">{{getNum}}</span></span>
				<span class="mui-tab-label">购物车</span>
			</router-link>
			<router-link to="/test1" class="mui-tab-item" >
				<span class="mui-icon mui-icon-email"></span>
				<span class="mui-tab-label">ElementPlus</span>
			</router-link>
			
		</nav> -->
	<van-tabbar v-model="active">
		<van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
		<van-tabbar-item icon="shopping-cart-o" :badge="getNum" to="/shopcart">购物车</van-tabbar-item>
		<van-tabbar-item icon="friends-o" to="test1">用户</van-tabbar-item>
		<van-tabbar-item icon="setting-o" to="/vantCard">设置</van-tabbar-item>
	</van-tabbar>

	<div>
		<router-view></router-view>
	</div>


</template>
<script setup>
import {ref} from 'vue'
import { useUserStore, useShopStore } from "./store/store";
import { storeToRefs } from 'pinia'

const shopStore = useShopStore();
const { carts, getNum } = storeToRefs(shopStore);
const active = ref(0);

</script>
<style lang="less">

</style>